import React from 'react';
import ReactECharts from 'echarts-for-react';

const Page2 = () => {
    const option = {
        title: {
            text: '访问量'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['邮件营销','联盟广告','视频广告']
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['周一','周二','周三','周四','周五','周六','周日']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'后台访问量',
                type:'line',
                stack: '总量',
                areaStyle: {normal: {}},
                data:[14, 12, 10, 4, 5, 16, 19]
            },
            {
                name:'APP访问量',
                type:'line',
                stack: '总量',
                areaStyle: {normal: {}},
                data:[220, 182, 191, 234, 290, 330, 310]
            },
            {
                name:'打卡流量',
                type:'line',
                stack: '总量',
                areaStyle: {normal: {}},
                data:[150, 232, 201, 154, 190, 330, 410]
            }
        ]
    };

    return <ReactECharts
        option={option}
        style={{ height: 400,width:800 }}
    />;
};

export default Page2;